import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// 1. 全局注册指令
Vue.directive('focus', {
  // inserted 会在 指令所在的元素，被插入到页面中时触发
  inserted (el) {
    // el 就是指令所绑定的元素
    // console.log(el);
    el.focus()
  }
})

Vue.directive('color',{
  // 被绑定的元素被插入到 DOM 中时（mounted）
  inserted (el,binding) {
    el.style.color = binding.value
    console.log(binding.value);
  },

  // 当指令所在的元素被更新时触发update
  update (el,binding) {
    el.style.color = binding.value
  }
})



new Vue({
  render: h => h(App),
}).$mount('#app')
